<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <title>郭泰个人简历</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
</head>

<body>
    <!-- 版心 -->
    <div class="wrapper">
        <!-- 顶部部分 -->
        <header>
            <div class="header_name fl">
                <h1>郭泰</h1>
                <h3>应聘岗位：</h3>
                <h3>WEB前端工程师</h3>
            </div>
            <div class="header_info">
                <p><i class="iconfont icon-phone"></i>联系电话：<span>177-1955-4716</span></p>
                <p><i class="iconfont icon-email"></i>E-mail：<span>495287070@qq.com</span></p>
            </div>
        </header>
        <div class="contant">
            <aside>
                <ul>
                    <li class="iconfont icon-gerenzhongxin">
                        <span>个</span>
                        <span>人</span>
                        <span>信</span>
                        <span>息</span>
                    </li>
                    <li class="iconfont icon-office">
                        <span>教</span>
                        <span>育</span>
                        <span>背</span>
                        <span>景</span>
                    </li>
                    <li class="iconfont icon-bags">
                        <span>工</span>
                        <span>作</span>
                        <span>经</span>
                        <span>历</span>
                    </li>
                    <li class="iconfont icon-data">
                        <span>个</span>
                        <span>人</span>
                        <span>能</span>
                        <span>力</span>
                    </li>
                    <li class="iconfont icon-favorites">
                        <span>兴</span>
                        <span>趣</span>
                        <span>爱</span>
                        <span>好</span>
                    </li>
                </ul>
            </aside>
            <article>
                <!-- 个人信息 -->
                <section class="base_info">
                    <span>性&nbsp;&nbsp;&nbsp;&nbsp;别：男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄：24</span>
                    <span>学&nbsp;&nbsp;&nbsp;&nbsp;历：本&nbsp;&nbsp;科</span>
                    <span>户&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;口：西&nbsp;&nbsp;&nbsp;&nbsp;安</span>
                </section>
                <!-- 教育背景 -->
                <section class="education">
                    <h3>中国矿业大学（211、985学科平台）</h3>
                    <p>2011.09 ~ 2015.07</p>
                </section>
                <!-- 工作经历 -->
                <section class="work_info">
                    <h3>陕西省产品质量监督检验研究院</h3>
                    <p>2015.07 ~ 今</p>
                    <a class="button" href="./郭泰个人简历-前端.pdf">简历下载</a>
                </section>
                <!-- 个人能力 -->
                <section class="ability">
                    <h3>语言：</h3>
                    <p><span>JavaScript</span><span>HTML(5)</span><span>CSS(3)</span></p>
                    <h3>技术库：</h3>
                    <p><span>JQuery</span><span>Bootstrap</span><span>Less</span></p>
                    <h3>技术：</h3>
                    <p><span>PC/Mobile<b>页面布局</b></span><span>面向对象<b>开发</b></span><span>模块化开发<b>(seajs)</b></span></p>
                    <p><span>MVC(Angular)</span><span><b>版本管理：</b>Git/SVN</span><span>Ajax/Jsonp</span></p>
                    <p><span>nodejs</span><span>npm</span><span>gulp</span></p>
                    <h3>其他：</h3>
                    <p><span>助理工程师</span><span>英语四级</span><span>计算机二级</span></p>
                </section>
                <!-- 兴趣爱好 -->
                <section class="hobby">
                    <p>
                        <span>知乎 </span>
                        <span>&nbsp; | 前端大全</span>
                        <span>&nbsp; | freeCodeCamp</span>
                        <span>&nbsp; | 掘金</span>
                        <span>&nbsp; | Mozilla开发者网络</span>
                    </p>
                </section>
            </article>

        </div>

    </div>
    <!--底部-->
    <footer>
        <a href="https://git.oschina.net/seriousT">代码展示（码云）</a>
    </footer>



    <!--*************************  js  **********************-->
    <script src='js/index.js'></script>
</body>

</html>